<template>
    <div class="title">文章列表</div>
    <n-tabs default-value="list" justify-content="start" type="line">
        <n-tab-pane name="list" tab="写文章">
            
      </n-tab-pane>
        <n-tab-pane name="add" tab="添加文章">
            
            <n-from>
                <n-form-item label="标题">
                    <n-input v-model:value="addArticle.title" placeholder="请输入标题"/>
                </n-form-item>
                <n-form-item label="内容">
                    <rich-text-editor></rich-text-editor>
                </n-form-item>
                <n-form-item label="">
                    <el-button type="primary" v-on:click = "add">
                        添加
                    </el-button>
                </n-form-item>
            </n-from>

        </n-tab-pane>
    </n-tabs>
</template>

<script setup>
import { ref, reactive, inject, onMounted} from "vue";
import RichTextEditor from '../../components/RichTextEditor.vue'
// 引入路由
import {useRouter,useRoute} from "vue-router"
const router = useRouter()
// const route = useRoute()
const addArticle = reactive({
    title:"",
    content:"",
})

</script>

<style lang="less" scoped>
.title{
    text-align: left;
    color: rgba(27, 2, 2, 0.5)
}
</style>
